:root {
  --docusaurus-announcement-bar-font-size: 24px;
}

.announcementBar {
  display: flex;
  font-size: var(--docusaurus-announcement-bar-font-size);
  background-color: var(--ifm-color-white);
  color: var(--ifm-color-black);
  position: relative;
  overflow: hidden;
}

.announcementBarAdornment {
  height: 500px;
  width: 500px;
  position: absolute;
  opacity: 0.3;
  pointer-events: none;
}

.announcementBarLeftAdornment {
  left: -125px;
  top: -150px;
}

.announcementBarRightAdornment {
  right: -200px;
  top: -100px;
}

html[data-announcement-bar-initially-dismissed='true'] .announcementBar {
  display: none;
}

.announcementBarPlaceholder {
  flex: 0 0 30px;
  margin: 0 25px;
}

.announcementBarClose {
  flex: 0 0 30px;
  margin: 0 25px;
  align-self: stretch;
  opacity: 1;
}

.announcementBarContent {
  flex: 1 1 auto;
}

@media print {
  .announcementBar {
    display: none;
  }
}

@media screen and (max-width: 996px) {
  .announcementBarClose {
    margin: 0;
  }
  .announcementBarPlaceholder {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .announcementBarRightAdornment {
    display: none;
  }
}
